﻿#slider
{
	border:solid 1px #ccc;
	height:345px;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:400px;
	height:327px;
	overflow:hidden;
}

#slider li img{
	border:0px;
}

.numberTip
{
	padding:4px 8px;
	margin:2px;
	border:1px solid #ccc;
}

#numberControls
{
	width:350px;
	padding:8px 5px;
	padding-bottom:5px;
	clear:left;
}